/* 通用类 */
.translucent-bg{
    background-color: rgba(0,0,0,.5);
}
.hidden {
    display: none !important;
    visibility: hidden;
}
/* 通知页 */
.notice-page{
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../img/notice-bg.jpg') center /100% 100% no-repeat;
    overflow: hidden;
}
.notice-page .content{
    position: relative;
    height: 100%;
    width: 100%;
}
.notice-page .content .notice-top{
    width: 262.5px;
    height: 123.5px;
    margin: 45px auto;
    display: block;
}
.notice-page .content .notice{
    padding-left: 20px;
    display: block;
    width: 100%;
}
.notice-page .content .slide-unlock{
    position: absolute;
    bottom: 117px;
    left: 50%;
    margin-left: -117px;
    width: 235px;
    height: 37px;
}
/* 首页 */
.index-page{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../img/index-bg.jpg') center /100% 100% no-repeat;
}
.index-page .vote-enter{
    position: absolute;
    top: 53%;
    left: 50%;
    margin-left: -133px;
}
.index-page .vote-enter>img{
    width: 267px;
    height: 79px;
}
.index-page .my-prize{
    position: absolute;
    top: 65%;
    left: 50%;
    margin-left: -133px;
}
.index-page .my-prize>img{
    width: 267px;
    height: 79px;
}
.index-page .go{
    position: absolute;
    top: 78%;
    left: 50%;
    margin-left: 35px;
}
.index-page .go>img{
    width: 90px;
    height: 42px;
}


.audio_btn{right:5%;top:20px;width:10%;position:absolute;z-index:999;}
.audio_btn img{width:100%}

.no-prize .prize-info img{width:100%;height:100%;}
.prize-remind{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.prize-remind .content-box
{
    position: absolute;
    top: 40%;
    left: 50%;
    width: 680px;
    height: 860px;
    margin-top: -330px;
    margin-left: -340px;
    background: url("../img/jieshao.png") no-repeat scroll center center / 100% 100%;
}


.prize-remind .content-mybox {
    background: rgba(0, 0, 0, 0) url("../img/mine.png") no-repeat scroll center center / 100% 100%;
    height: 680px;
    position: absolute;
    top: 40%;
    left: 37%;
    margin-top: -240px;
    margin-left: -262px;
    width: 725px;
}

.prize-remind .close{
    width: 108px;
    height: 100px;
    display: block;
    position: absolute;
    right: 0;
}
.prize-remind .footer{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.prize-remind .footer>.close{
    display: block;
    width: 187px;
    height: 79px;
    margin-left: 50px;
    position: static;
    float: left;
}
.prize-remind .footer>.share{
    display: block;
    width: 100%;
    height: 95px;
    text-align: center;
    /*float: right;*/
    text-align: center;

    margin-right: 175px;
    margin-top: 20px;
}
.prize-remind .footer>.home{
    display: block;
    width: 100%;
    height: 70px;
    float: right;
    text-align: center;
    /*margin-right: 65px;*/
    margin-top: 20px;
    margin-bottom: 70px;
}
.prize-remind img{
    width: 40%;
}
.prize-remind .show-code{
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 50px;
    right: 160px;
    background: url('../img/icon-qrcode.png') center / 100% 100% no-repeat;
}
.prize-remind .go{
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 50px;
    right: 60px;
    background: url('../img/icon-go.png') center / 100% 100% no-repeat;
}
.prize-remind .footer-text{
    display: block;
    width: 179px;
    height: 64px;
    position: absolute;
    bottom: 50px;
    left: 60px;
}
.my-prize-dialog .content{
    background: url('../img/mine.png') center/100% 100% no-repeat;
    width: 600px;
    height: 940px;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -242px;
    margin-top: -350px;
}
.my-prize-dialog .prize-info-wrap{
    position: relative;
    font-size:24px;
    color: #E62B2C;
    line-height: 200%;
    padding: 3%;
    top: 18%;
    width:100%;
    height:65%;
    /*text-align:center;*/
    /*margin-left:50px;*/
}
.my-prize-dialog .prize-info{
    /*background-color: #FFE9A5;*/
    color: #E62B2C;
    overflow: auto;
    height: 100%;
    font-size:24px;
    line-height: 200%;
    padding: 3%;
    margin-left: 6%;
    margin-right: 6%;
}
.my-prize-dialog .prize-info b{
    font-size:28px;
}
.get-prize-dialog .content,.no-prize-dialog .content{
    background: url('../img/zhongjiang.png') center/100% 100% no-repeat;
    width: 695px;
    height: 773px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -347.5px;
    margin-top: -286.5px;
}
.get-prize-dialog .prize-info,.no-prize-dialog .prize-info{
    margin-left: 50px;
    margin-right: 65px;
    position: relative;
    top: 110px;
}
.get-prize-dialog .footer,.no-prize-dialog .footer{
    top: 50%;
}

.footer input{
    line-height: 70px;
    width: 90%;
    font-size: 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: ntwo;
    padding-left: 10px;
    margin-left: 20px;
}


.vote-end-dialog .content{
    background: url('../img/end.png') center/100% 100% no-repeat;
    width: 695px;
    height: 700px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -352px;
    margin-top: -270px;
}
.vote-end-dialog .footer{
    top: 75%;
}
.vote-end-dialog .show-code{
    right: 75px;
}
.vote-end-dialog .footer-text{
    width: 240px;
    height: 52px;
}
.qr-code-scan{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 999;
    top: 0;
}
.qr-code-scan>img{
    /*width: 360px;
    height: 387px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -183px;
    margin-left: -180px;*/
    width: 100%;
    padding: 55% 20% 0 20%;
}
/* 头片 */
.vote-page{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../img/vote-bg.jpg') center/100% 100% no-repeat;
}
.vote-page .header{
    position: absolute;
    top: 0;
    width: 100%;
    height: 174px;
    z-index: 2;
}
.vote-page .content{
    position: absolute;
    top: 100px;
    bottom: 120px;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.vote-page .user-ul{
    padding: 0 5px 5px;
}
.vote-page .user-item{
    float: left;
    width: 33.33%;
    height: 255px;
    padding: 5px 10px;
}
.vote-page .user-item-content{
    background: url('../img/user-bg.png') center/100% 100% no-repeat;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}
.vote-page .user-item-content .number{
    /*background: url('') center / 100% 100% no-repeat;*/
    display: block;
    width: 76px;
    height: 76px;
    line-height: 76px;
    position: absolute;
    top: -15px;
    left: -10px;
    padding-top: 5px;
    padding-right: 12px;
    font-size: 24px;
    color: #fff;
}
.vote-page .user-item-content .avatar{
    margin: 26px auto;
    display: block;
    padding: 5px;
    width: 126px;
    height: 126px;
}
.vote-page .user-item-content .avatar>img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.vote-page .user-item-content .info{
    margin-top: 10px;
    font-size: 18px;
    color: #cf6a18;
}
.vote-page .user-item-content .select{
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -55px;
    display: block;
    width: 110px;
    height: 50px;
    background: url('../img/no-select.png') center/100% 100% no-repeat;
}
.vote-page .user-item-content .select.ok{
    background: url('../img/selected.png') center/100% 100% no-repeat;
}
.vote-page .footer{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 120px;
    background: url('../img/vote-bottom-bg.png') center / 100% 100% no-repeat;
    z-index: 2;
}
.vote-page .footer .confirm{
    position: absolute;;
    top: 50%;
    left: 50%;
    margin-top: -37px;
    margin-left: -228px;
}
.vote-page .footer .confirm>img{
    width: 457px;
    height: 74px;
}
.vote-page .footer .select-tip{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -37px;
    margin-left: -228px;
    width: 457px;
    height: 74px;
    font-size: 30px;
    line-height: 74px;
    color: #cf6a18;
    background: url('../img/bottom-select.png') center /100% 100% no-repeat;
}
.user-dialog{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 999;
}
.user-dialog .content{
    width: 100%;
    height: 800px;
    position: absolute;
    bottom: 0;
    background-color: #f5f5e9;
}
.user-dialog .close{
    position: absolute;
    top: -10px;
    right: 15px;
    padding: 10px;
    /*background-color: #ffd75d;*/
    display: block;
    width: 97px;
    height: 97px;
    border-radius: 50%;
    z-index: 999;
}
.user-dialog .close>img{
    width: 100%;
}
.user-dialog-body{
    padding: 30px;
    position: relative;
}
.user-dialog-body .head{
    position: relative;
}
.user-dialog-body .avatar{
    display: inline-block;
    width: 120px;
    height: 120px;
    padding: 5px;
    border-radius: 50%;
}
.user-dialog-body .head-right{
    position: absolute;
    top: 30px;
    left: 155px;
    color: #cf6a18;
}
.user-dialog-body .head-right>.name{
    font-size: 30px;
}
.user-dialog-body .head-right>.vote-num{
    font-size: 24px;
}
.user-dialog-body .info{
    font-size: 24px;
    color: #cf6a18;
    margin-top: 30px;
    margin-bottom: 30px;
    max-height: 115px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.user-dialog-body .pic-show{
    height: 590px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.user-dialog-body .pic-show-ul{
    display: block;
    list-style: none;
}
.user-dialog-body .pic-show-ul>li{
    padding-bottom: 10px;
}
.user-dialog-body .pic-show-ul>li>img{
    width: 100%;
}
/* 礼盒 */
.gift-page{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../img/gift-bg.jpg') center /100% 100% no-repeat;
}
.gift-page .open-prize{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    margin-left: -25%;
    margin-top: 25px;
}
.gift-page .open-prize>img{
    width: 100%;
}
/* 获奖页 */
.prize-page{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../img/prize-bg.jpg') center /100% 100% no-repeat;
}
.prize-page .content{
    text-align: center;
    margin: 30% auto 0;
    width: 74%;
}
.prize-page .content>p{
    padding: 20px 15px;
    background-color: #ffe9a5;
    color: #e62b2c;
    margin-bottom: 10px;
    font-size: 20px;
    text-align: left;
}
.prize-page .content>.chose-store{
    background: #ffe9a5 url('../img/icon-arrow-right.png') 100% center/40px 40px no-repeat;
}
.prize-page .content>input,.prize-page .content>textarea{
    display: block;
    width: 100%;
    padding: 20px 15px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 20px;
}
.prize-page .content>textarea{
    resize: none;
    margin-bottom: 20px;
}
.prize-page .content>.tip{
    font-size: 15px;
    background: url('../img/icon-alert.png') 40px center/24px 24px no-repeat;
    padding-left: 80px;
    padding-right: 30px;
    text-align: left;
    color: #e62b2c;
}
.prize-page .footer{
    position: absolute;
    bottom: 10%;
    left: 50%;
}
.prize-page .footer>.submit{
    position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -133px;
}
.prize-page .footer>.submit>img{
    width: 267px;
    height: 74px;
}
.prize-page .footer>.share{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    /*text-align: center;*/
}

.prize-page .footer>.home{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    /*text-align: center;*/
}

.prize-page .footer>.home>img{
    width: 120px;
    height: 37px;
    /*text-align: center;*/
}

.prize-page .footer>.share>img{
    width: 120px;
    height: 37px;
    /*text-align: center;*/
}
.prize-page .footer>.home>img{
    width: 120px;
    height: 37px;
    /*text-align: center;*/
}
.store-dialog{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
}
.store-dialog .content{
    width: 100%;
    height: 633px;
    position: absolute;
    bottom: 0;
    background-color: #ffd75d;
}
.store-dialog .close{
    position: absolute;
    top: -40px;
    right: 15px;
    padding: 10px;
    background-color: #ffd75d;
    display: block;
    width: 97px;
    height: 97px;
    border-radius: 50%;
    z-index: 999;
}
.store-dialog .close>img{
    width: 100%;
}
.store-dialog-body{
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}
.store-dialog-body>p{
    font-size: 30px;
    color: #cf6a18;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.store-dialog-body .store-ul{
    font-size: 18px;
    color: #e62b2c;
    height: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.store-dialog-body .store-ul>li{
    display: block;
    width: 100%;
    background-color: #ffe9a5;
    margin-bottom: 5px;
    padding: 10px 20px;
}
.store-dialog-body .store-ul>.active{
    color: #fff;
    background: #f34b4b url('../img/icon-select.png') 100% center/54px 23px no-repeat;
}
.prize-submit-dialog .content-box{
    position: absolute;
    top: 40%;
    left: 37%;
    width: 680px;
    height: 740px;
    margin-top: -270px;
    margin-left: -240px;
    background: rgba(0, 0, 0, 0) url('../img/sub.png') no-repeat scroll center center / 100% 100%;
}
/* 微信分享提示 */
.wx-share{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 999;
    top: 0;
}
.wx-share>img{
    width: 100%;
    height: 400px;
}
/*通知页时钟*/

/*.container {width: 123px; margin: 0 auto; overflow: hidden;}*/

.clock {width:100%;height:auto; margin-bottom:10px; padding:10px; border:0px solid #333; color:#fff;overflow: hidden;}

#Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:26px; text-align:center;}

.clock ul { width:100%; margin:0 auto; padding:0px; list-style:none; text-align:center; }
.clock ul li { display:inline; font-size:90px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

.eggsuccess-button{
    position: absolute;
    bottom: 8%;
    left: 25%;
    width: 10%;
    height:10%;
}